<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>第一个spring boot项目</title>
    <style>
        th,td{
            padding: 10px 20px;
        }
    </style>
</head>
<body>
<!--<h1>hello world <span th:text="${name}">姓名：</span></h1>-->
<h1>hello world [[${name}]]</h1>
<!--加载富文本-->
<div th:utext="${richText}"></div>

<div th:if="${age < 18}">未成年</div>
<!--<div th:if="${age >= 18}">成年</div>-->
<!--不满足条件的时候展示-->
<div th:unless="${age < 18}">成年</div>

<div th:if="${str}">能显示出来str吗</div>

<!--
    展示咱们的数组，可以进行循环渲染
    咱们学了table了吗？
-->
<a href="/add">新增</a>
<table>
    <thead>
        <tr>
            <th>id</th>
            <th>姓名</th>
            <th>手机号</th>
            <th>学校</th>
        </tr>
    </thead>
    <tbody>
        <tr th:each="item:${list}" th:object="${item}">
            <td th:text="*{id}"></td>
            <td th:text="*{name}"></td>
            <td th:text="*{mobile}"></td>
            <td th:text="*{schoolName}"></td>
        </tr>
    </tbody>
</table>

<script th:inline="javascript">
    var name = [[${name}]];
    console.log(name);
</script>
</body>
</html>